<template>
  <el-dialog
    title="通知"
    v-model="dialogVisible"
  >kkkk</el-dialog>
</template>

<script lang="ts" setup>
import { ref, watch } from "vue";
const props = defineProps({
  visible: {
    type: Boolean,
    default: false,
  },
});
const dialogVisible = ref<boolean>(props.visible);
const emits = defineEmits(["update:visible"]);
watch(
  () => props.visible,
  (val) => {
    dialogVisible.value = val;
  }
);
watch(
  () => dialogVisible.value,
  (val) => {
    emits("update:visible", val);
  }
);
</script>

<style>
</style>